.main{
    width: 100vw;
    .floor{
        position: relative;
        width: 100%;
    }
        img{
            position: absolute;
        }
        h2{
            position: absolute;
            font-size: 0.3rem;
            color: #333333FF;
           

            span{
                border-bottom:2px solid #44A2F2FF
            }
        }
        p{
            position: absolute;
            // width: 4.25rem;
            font-size: 0.15rem;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            line-height: 1.5;
        }
// floor1
    .floor1{
        height: 6rem;
        img{
            top: 1.22rem;
            left: 2.4rem;
            width: 5.5rem;
            height: 3.15rem;
        }
        h2{
            top: 1rem;
            left: 7.76rem;
        }
        p{
            top: 1.83rem;
            left: 7.76rem;
            width: 4.25rem;
        }
    }
// floor2
    .floor2{
        height: 6rem;
        background: #F8F8F8FF;
        img{
            top: 1.4rem;
            left: 7.26rem;
            width: 6.2rem;
            height: 3.45rem;
        }
        h2{
            top: 1.3rem;
            left: 2.73rem;
        }
        p{
            top: 2rem;
            left: 2.73rem;
            width: 4.28rem;
        }
    }
// floor3
    .floor3{
        height: 6rem;
        img{
            top: 0.66rem;
            left: 3.13rem;
            width: 3.45rem;
            height: 4.57rem;
        }
        h2{
            top: 1.28rem;
            left: 7.04rem;
        }
        p{
            top: 2rem;
            left: 7.04rem;
            width: 4.03rem;
        }
    }



    // floor4  不严谨的设计师 要了老命了
    .floor4{
        height: 6rem;
        background: #F8F8F8FF;
        border-top: 1px solid transparent;
        .con{
            background-image: url(../img/brand/f.png);
            // background: rgb(57, 212, 127);
            background-size: 10.76rem 3.2rem;
            width: 10.76rem;
            height: 3.2rem;
            margin: auto;   
            margin-top: 1.5rem;
            display: flex;
            justify-content: flex-start;
            align-items: stretch;
            color: #0071BCFF;
            
            h5{
                font-size: 0.16rem;
                margin: 0;
            }
            p{
                font-size: 0.14rem;
                color: #0071BCFF;
                margin: 0;

            }
            .block1{
                box-sizing: border-box;
                width: 23.5%;
                padding-top: 0.8rem;
                padding-left: 1.35rem;
                
                p{
                    width: 1.1rem;
                    margin-top: 0.05rem;
                }
            }
            .block2{
                box-sizing: border-box;
                width: 17.5%;
                padding-top: 0.58rem;
                padding-left: 0.05rem;
                
                p{
                    width: 1.86rem;
                    font-family: PingFangSC-Regular;
                    
                }
            }
            .block3{
                box-sizing: border-box;
                width: 15%;
                padding-top: 0.78rem;
                padding-left: 0.24rem;
                // background: rgb(31, 7, 168);
                p{
                    width: 1.3rem;
                    font-family: PingFangSC-Regular;
                    
                }
            }
            .block4{
                box-sizing: border-box;
                width: 20%;
                padding-top: 0.48rem;
                padding-left: 0.1rem;
                // background: rgb(28, 184, 111);
                p{
                    width: 1.7rem;
                    font-family: PingFangSC-Regular;
                    
                }
            }
            .block5{
                box-sizing: border-box;
                width: 23%;
                padding-top: 0.64rem;
                padding-left: 0.1rem;
                p{
                    width: 2.65rem;
                    font-family: PingFangSC-Regular;
                    
                }
            }



        }
    }

    // floor5
    .floor5{
        height: 6rem;
        img{
            top: 1.3rem;
            left: 2.7rem;
            width: 5.3rem;
            height: 4.1rem;
        }
        h2{
            top: 1.34rem;
            left: 7.6rem;
        }
        p{
            top: 2.06rem;
            left: 7.6rem;
            width: 3.65rem;
        }
    }

    // floor6
    .floor6{
        background: #F8F8F8FF;
        height: 8.30rem;
        h2{
            top: 0.85rem;
            //标题居中
            left: 50%;
            transform: translateX(-50%);
            margin: 0;

        }
        ul{
            margin: auto;
            padding-top: 1.58rem;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            width: 8.6rem;
            // align-content: ;
            li{
                width: 30%;
                height: 2.85rem;
                // background: rgb(199, 153, 153);
                margin-right: 3%;
                margin-bottom: 0.3rem;
                background:#fff;
                border-radius: 0.12rem;
                box-shadow: 0 0.02rem 0.08rem rgba(0,0,0,.2);
                overflow: hidden;
                .img_con{
                    position: relative;
                    width: 100%;
                    height: 1.56rem;
                    
                    img{
                        position: absolute;
                        top: calc(50% - 0.46rem);
                        left: calc(50% - 0.42rem);
                        width: 0.84rem;
                        height: 0.92rem;
                    }
                }
                p{
                    padding: 0.1rem 0.18rem;
                    font-size: 0.14rem;
                    width: 2.24rem;
                    margin: 0;
                    color: #333333FF;
                }
            }
            li:nth-child(1) .img_con{
                background: #F8A74CFF;
            }
            li:nth-child(2) .img_con{
                background: #00D37BFF;
            }
            li:nth-child(3) .img_con{
                background: #44A2F2FF;
            }
            li:nth-child(4) .img_con{
                background: #F96D83FF;
            }
            li:nth-child(5) .img_con{
                background: #F3CA4DFF;
            }
        }
    
    }


    // floor7
    .floor7{
        margin-top: 1.15rem; 
        margin-bottom: 1.15rem;
        
        h2{
             //标题居中
            left: 50%;
            transform: translateX(-50%);
            margin: 0;
        }
        ul{
           width: 8.36rem;
            display: flex;
            justify-content: space-between;
             // margin-top: 2rem;  外边句塌陷 改用内边距
            padding-top: 1rem;
            margin: 0 auto;
            li{
                width: 1.46rem;
                // background: rgb(219, 207, 207);
                text-align: center;
                img{
                    position: relative;
                    display: block;
                    width: 0.83rem;
                    height: 0.83rem;
                    margin-left: 0.31rem;
                   
                }
                p{
                    position: relative;
                    width: 1.4rem;
                    margin: 0.28rem 0.03rem;
                    font-size: 0.12rem;
                    color: #333333FF;
                }
            }

        }

    }




    
}